<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>出国(境)申请表</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/vue.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/data/options.js"></script>
    <script src="/data/dist.js"></script>
    <script src="/data/pinyin.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script th:utext="${applyJson}"></script>


</head>
<body>
<input type="hidden" id="applyId" th:value="${applyId}"/>
<div class="page__bd" id="app">

    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        基本信息
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                身份证号
            </div>
            <div class="weui-cell__ft">
                {{form.sfzh}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                手机号码
            </div>
            <div class="weui-cell__ft">
                {{form.lxdh}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd ">
                姓
            </div>
            <div class="weui-cell__ft">
                {{form.zwx}}
            </div>
            <div class="div_blank"></div>
            <div class="weui-cell__bd">
                名
            </div>
            <div class="weui-cell__ft">
                {{form.zwm}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd">
                拼音姓
            </div>
            <div class="weui-cell__ft">
                {{form.ywx}}
            </div>
            <div class="div_blank"></div>
            <div class="weui-cell__bd">
                拼音名
            </div>
            <div class="weui-cell__ft">
                {{form.ywm}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                民族
            </div>
            <div class="weui-cell__ft" >
                {{mzName}}
            </div>
        </div>
        <div class=" weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                出生地
            </div>
            <div class="weui-cell__ft" >
                {{csdName}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary" >
                户口所在地
            </div>
            <div class="weui-cell__ft" >
                {{distName1}} - {{distName2}} - {{distName3}}
            </div>

        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                紧急联系人
            </div>
            <div class="weui-cell__ft" >
                {{form.jjqklxr}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                紧急联系人电话
            </div>
            <div class="weui-cell__ft">
                {{form.jjqklxrdh}}
            </div>
        </div>
    </div>


    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        办证信息
    </div>

    <div class="weui-cells" :class="{hidden_div:blhzDisplay}" style="margin-bottom: 1.17647059em;margin-top: 0;">
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                办理普通护照
            </div>
            <div class="weui-cell__ft" >
                {{bzlbNameHz}}
            </div>
        </div>

        <div class="weui-cell" :class="{hidden_div:hzzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                护照号码
            </div>
            <div class="weui-cell__ft" >
                {{form.xczjhmHz}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:hzzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                护照有效期
            </div>
            <div class="weui-cell__ft" >
                {{form.xczjyxqzHz}}
            </div>
        </div>


        <div class="weui-cell" :class="{hidden_div:hzjzDisplay}">
            <div class="weui-cell__bd weui-cell__primary" >
                曾用名加注
            </div>
            <div class="weui-cell__ft" >
                {{form.cymjz}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:hzjzDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                姓名加注
            </div>
            <div class="weui-cell__ft" >
                {{form.xmjz}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:hzjzDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                曾持护照加注
            </div>
            <div class="weui-cell__ft">
                {{form.cczjz}}
            </div>
        </div>
    </div>

    <div class="weui-cells" :class="{hidden_div:blgaDisplay}" style="margin-top: 0;">

        <div class="weui-cell" >

            <div class="weui-cell__bd weui-cell__primary">
                办理往来港澳通行证
            </div>
            <div class="weui-cell__ft" >
                {{bzlbNameGa}}
            </div>
        </div>


        <div class="weui-cell" :class="{hidden_div:gazlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来港澳通行证号码
            </div>
            <div class="weui-cell__ft" >
                {{form.xczjhmGa}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:gazlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来港澳通行证有效期
            </div>
            <div class="weui-cell__ft" >
                {{form.xczjyxqzGa}}
            </div>
        </div>

        <div class="weui-cell "  :class="{hidden_div:xgqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary"  >
                往来香港签注种类
            </div>
            <div class="weui-cell__ft" >
                {{qzzlNameXg}}
            </div>
        </div>


        <div class="weui-cell "  :class="{hidden_div:amqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来澳门签注种类
            </div>
            <div class="weui-cell__ft">
                {{qzzlNameAm}}
            </div>
        </div>
    </div>
    <div class="weui-cells" :class="{hidden_div:bltwDisplay}" >
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary" >
                办理往来台湾通行证
            </div>
            <div class="weui-cell__ft" >
                {{bzlbNameTw}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:twzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来台湾通行证号码
            </div>
            <div class="weui-cell__ft" >
                {{form.xczjhmTw}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:twzlDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                往来台湾通行证有效期
            </div>
            <div class="weui-cell__ft" >
                {{form.xczjyxqzTw}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:twqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary" >
                往来台湾签注种类
            </div>
            <div class="weui-cell__ft" >
                {{qzzlNameTw}}
            </div>
        </div>
    </div>


    <div class="weui-cells__title">
        证件领取
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                取证方式
            </div>
            <div class="weui-cell__ft" >
                {{qzfsName}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:emsDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                邮寄地址
            </div>
            <div class="weui-cell__ft" style="flex: 4;">
                {{form.emsdz}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:emsDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                邮编
            </div>
            <div class="weui-cell__ft" >
                {{form.yzbm}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:emsDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                收件人
            </div>
            <div class="weui-cell__ft" >
                {{form.sjr}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:emsDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                联系电话
            </div>
            <div class="weui-cell__ft" >
                {{form.sjhm}}
            </div>
        </div>

    </div>


    <div class="button_area">
        <a class="weui-btn weui-btn_primary" th:if="${apply.hasRemind}" th:href="@{'/apply/tips/page?applyId='+${apply.applyId}}">办 理 提 示</a>
        <a class="weui-btn weui-btn_default" >返 回</a>
    </div>


</div>

<div class="js_dialog" id="iosDialog" style="display: none;">
    <div class="weui-mask"></div>
    <div class="weui-dialog">
        <div class="weui-dialog__bd" id="dialogContent">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>
        <div class="weui-dialog__ft">
            <a href="javascript:hideDialog();" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
        </div>
    </div>
</div>
<script src="/js/zggmtbView.js"></script>

</body>
</html>